React Navigationで「タブの遷移」をする

現状、作成中のアプリが以下のような構成になっている

雑に書くとこんな感じ

https://gyazo.com/2fec2f5285fa8ae0877d7851287ae648

ボトムタブがメインとしてあって、

その中の各頁に更にトップタブがあるという構造

上の2-1や3-2というのはbottom-topのタブの位置を表している

例えば図右下の緑は、3-2だが、左から3番目のボトムタブで、かつ、左から2番目のトップタブの位置のページ

その際に例えば、2-1の中のボタンから3-2のページに遷移したい

今回のNestの構成

docs

今の構成

code:今の構成

BottomTab.Navigator

BottomTab.Screen1

BottomTab.Screen2

Stack2.Navigator1

Stack2.Screen

Tab.Navigator

Tab.Screen1

Page21

Tab.Screen2

Page22

BottomTab.Screen3

Stack3.Navigator

Stack3.Screen

Tab.Navigator

Tab.Screen1

Page31

Tab.Screen2

Page32

BottomTab.Screen4

結論

ここに書いてた

code:ts

navigation.navigate('親', {

screen: 'その子',

params: {

screen: 'その子の子',

params: {

screen: 'その子の子の子',

});

これでネストされた子の元へ遷移する

この場合のnavigationの型は何にしたら良いのか　#??

この辺に書いている

BottomTabの後ろ側で共通のStackを持てないものか..

例えばTwitterアプリをつくろうとすると

ボトムタブに4個あり

その後ろに共通Stackである1ツイートのページが有る

この1ツイートのページのスタックは4回書かないといけないのか